<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta name="Description" content="Travel Experts located in Calgary, Alberta, merges fun with function. We provide great packages and vacations tailored to every age and interest." />
<meta name="Keywords" content="travel, travel agents, travel agency, travel agent" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="images/Outdoor.css" type="text/css" />

<title>Travel Experts Example Page</title>

</head>
<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">			
				
		<h1 id="logo-text"><a href="index.html" title="">TRAVEL EXPERTS</a></h1>		
		<p id="slogan">Bringing Fun Back to Travel</p>		
			
		<div id="header-links">
			<p>
			<a href="index.html">Home</a> | 
			<a href="index.html">Log In</a> | 
			<a href="index.html">Log Out</a>			
			</p>		
		</div>				
		
	<!--header ends-->					
	</div>
	
	<div id="header-photo">
	<!--for package pages, we can insert a static representational photo here-->	
	<!--<img src="images/header-photo.jpg" width="870" height="206" alt="header-photo" />-->
	
	<!--embedded swf file 870 x 206-->	
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 

	codebase="http://download.macromedia.com/pub/shockwave/
	cabs/flash/swflash.cab#version=6,0,40,0" 
	 
	width="870" height="206" 
	 id="mymoviename"> 
	
	<param name="movie"  
	
	value="images/header-photo.swf" /> 
	 
	<param name="quality" value="high" /> 
	
	<param name="bgcolor" value="#ffffff" /> 
	
	<embed src="images/header-photo.swf" quality="high" bgcolor="#ffffff"
	
	width="870" height="206" 
	
	name="travelexpertscollage" align="" type="application/x-shockwave-flash" 
	
	pluginspage="http://www.macromedia.com/go/getflashplayer"> 
	
	
	</embed> 
	
	</object> 


	
	</div>	
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li id="current"><a href="index.html">Home</a></li>
			<li><a href="index.html">About Us</a></li>
			<li><a href="index.html">Packages</a></li>
			<li><a href="index.html">Bookings</a></li>
			<li><a href="index.html">Agents</a></li>
			<li><a href="index.html">Empty</a></li>
			<li><a href="index.html">Empty2</a></li>	
			<li><a href="index.html">Empty3</a></li>	
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">
				
		<div id="main">
				
			<a name="TemplateInfo"></a>
			<h2><a href="index.html">Example Post Header for Blogs</a></h2>
			
			<p class="post-info">Example of subtitle, or author, <a href="index.html">with a link.</a></p>
				
            <p><strong>Bolding text using strong</strong> is one option for changing text. <a href="">Example of a link in a paragraph</a>.
            </p>

            <p>
            Example of a second paragraph.
            </p>
			
			<!-- example of posting information -->
			<p class="postmeta">		
			<a href="index.html" class="readmore">Read more</a> |
			<a href="index.html" class="comments">Comments (7)</a> |				
			<span class="date">May 20, 2007</span>	
			</p>
			
			<a name="SampleTags"></a>
			<h2><a href="index.html">Sample Billing Page</a></h2>
				
			<h3>Billing Option</h3>				
			
			<div class="billing">
			<h4>Customer:</h4>
			<p>Dagny Jackson<br />
			123 Main Street<br />
			Calgary, AB T2A 1A1<br />		
			</p>
			<h4>Packages:</h4>
			<p><strong>Carribean Cruise</strong><br />
			<em>Description from the database goes here</em><br />
			<strong>Dates: </strong> Aug 1, 2011 to Aug 14, 2011<br />
			<div class="align-right"><strong>Price: </strong> $1400</div>		
			</p>
			<p><strong>Hike the Swiss Alps</strong><br />
			<em>Description from the database goes here</em><br />
			<strong>Dates: </strong> Aug 1, 2011 to Aug 14, 2011<br />
			<div class="align-right"><strong>Price: </strong> $2800</div>		
			</p>
			</div>
				
			<h3>Example Lists</h3>
			
			<ol>
				<li>Here is an example</li>
				<li>of an ordered list</li>								
			</ol>	
							
			<ul>
				<li>Here is an example</li>
				<li>of an unordered list</li>								
			</ul>				
				
			<h3>Blockquote</h3>			
			<blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy 
			nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p></blockquote>
				
			<h3>Image and text</h3>
			<p><a href="index.html"><img src="images/image-sample.jpg" width="144" height="144" alt="image sample" class="float-left" /></a>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum.
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum 
			odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra 
			condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. 
			In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. 				
			</p>
				
			<h3>Table Styling</h3>							
			<table>
				<tr>
					<th class="first">Start Date</th>
					<th>End Date</th>
					<th>Package</th>
					<th>Description</th>
				</tr>
				<tr class="row-odd">
					<td class="first">04.18.2007</td>
					<td>04.26.2007</td>
					<td><a href="index.html">Package 1</a></td>
					<td>Description of Package</td>
				</tr>
				<tr class="row-even">
					<td class="first">04.18.2007</td>
					<td>04.26.2007</td>
					<td><a href="index.html">Package 1</a></td>
					<td>Description of Package</td>
				</tr>
				<tr class="row-odd">
					<td class="first">04.18.2007</td>
					<td>04.26.2007</td>
					<td><a href="index.html">Package 1</a></td>
					<td>Description of Package</td>
				</tr>
				<tr class="row-even">
					<td class="first">04.18.2007</td>
					<td>04.26.2007</td>
					<td><a href="index.html">Package 1</a></td>
					<td>Description of Package</td>
				</tr>
			</table>
								
			<h3>Example Form</h3>
			<form action="#">			
			<p>			
			<label>Name</label>
			<input name="dname" value="Your Name" type="text" size="30" />
			<label>Email</label>
			<input name="demail" value="Your Email" type="text" size="30" />
			<label>Your Comments</label>
			<textarea rows="5" cols="5"></textarea>
			<br />	
			<input class="button" type="submit" />		
			</p>		
			</form>				
			<br />	

		<!-- main ends -->	
		</div>
		
		<div id="sidebar">
			
			<h3>Search Field</h3>	
			<form action="#" class="searchform">
				<p>
				<input name="search_query" class="textbox" type="text" />
  				<input name="search" class="button" value="Search" type="submit" />
				</p>			
			</form>	
			
			<h3>Packages</h3>
			<ul class="sidemenu">
                <li><a href=# title="Aug 1, 2011 to Aug 14, 2011">Package 1 <br />
                <span>Description of Package</span></a>
                </li>
                <li><a href=# title="Dec 24, 2011 to Dec 31, 2011">Package 2 <br />
                <span>Description of Package</span></a>
                </li>
                <li><a href=# title="Jan 1, 2012 to Jan 5, 2011">Package 3 <br />
                <span>Description of Package</span></a>
                </li>
			</ul>
				
			<h3>Quotation</h3>
			<p>&quot;The World is a book, and those who do not travel read only a page.&quot; </p>
					
			<p class="align-right">- Saint Augustine</p>		
						
		<!-- sidebar ends -->		
		</div>
		
	<!-- content-wrap ends-->	
	</div>
		
	<!-- footer starts -->		
	<div id="footer-wrap">
	
		<div id="footer-columns">
	
			<div class="col3">
				<h3>Tincidunt</h3>
				<ul>
					<li><a href="index.html">consequat molestie</a></li>
					<li><a href="index.html">sem justo</a></li>
					<li><a href="index.html">semper</a></li>
					<li><a href="index.html">magna sed purus</a></li>
					<li><a href="index.html">tincidunt</a></li>
				</ul>
			</div>

			<div class="col3-center">
				<h3>Sed purus</h3>
				<ul>
					<li><a href="index.html">consequat molestie</a></li>
					<li><a href="index.html">sem justo</a></li>
					<li><a href="index.html">semper</a></li>
					<li><a href="index.html">magna sed purus</a></li>
					<li><a href="index.html">tincidunt</a></li>
				</ul>
			</div>

			<div class="col3">
				<h3>Praesent</h3>
				<ul>
					<li><a href="index.html">consequat molestie</a></li>
					<li><a href="index.html">sem justo</a></li>
					<li><a href="index.html">semper</a></li>
					<li><a href="index.html">magna sed purus</a></li>
					<li><a href="index.html">tincidunt</a></li>					
				</ul>
			</div>
		<!-- footer-columns ends -->
		</div>	
		
		<div id="footer-bottom">		
			
			<p>
			&copy; 2011 <strong>Travel Experts</strong>

            &nbsp;&nbsp;&nbsp;&nbsp;
   		    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			
			<a href="index.html">Home</a>&nbsp;|&nbsp;
   		    <a href="index.html">Sitemap</a>&nbsp;|&nbsp;
	   	    <a href="index.html">Email Us</a>
   		    </p>
			
		</div>
		
<!-- footer ends-->
</div>

<!-- wrap ends here -->
</div>

</body>
</html>
